<%@ page language="java" contentType="text/html;charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>长江师范学院失物招领中心,帮助同学们归还物品和找回失物</title>
<link rel="stylesheet" type="text/css" href="${ctx}/css/b.css">

<!-- 导航菜单 -->
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/mybutton.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/global-min.css"><!--字体大小与样式-->
<link rel="stylesheet" type="text/css" href="${ctx}/css/a_003.css"><!--详情字体颜色-->
<link rel="stylesheet" type="text/css" href="${ctx}/css/a_005.css"><!--横向排列,而非纵向-->
<link rel="stylesheet" type="text/css" href="${ctx}/css/style_swzl.css">
<style type="text/css">
/* Code tidied up by ScrapBook */
a{cursor: pointer;}
.searchbox { width: 1080px; height: 60px; margin: 0px auto; border: 0px solid rgb(255, 0, 0); }
.multipleselect { width: 1050px; margin: 0px auto; border: 0px solid rgb(255, 0, 0); }
.bodys input { height: 30px; line-height: 30px; width: 460px; padding: 0px 10px; float: left; }
.bodys img { float: left; padding: 0px 20px 0px 0px; }
.bodys .two { border: 3px solid rgb(255, 0, 0); }
.bodys .two2 { background-color: rgb(255, 0, 0); }
.bodys button { float: left; border: 0px none; height: 36px; width: 100px; color: rgb(255, 255, 255); line-height: 36px; text-align: center; overflow: hidden; font-size: 12pt; }
</style>

<script src="${ctx}/assets/js/jquery.min.js"></script>   
<style type="text/css">
	body{
		font-family: '微软雅黑';
	}
	
	.head_div{
		text-align: right;
		font-size: 12px;
		padding-right: 20px;
		background-color: currentColor;
	}
	.head_msg{
		color: white;
	}

</style>  
</head>


<body style="padding: 0px;" class="response-wider">
	<!--导航菜单-->
	<div class="MainMenu" style="margin-bottom: 8px;">
		<div class="MenuList" style="min-width: 500px; background: transparent none repeat scroll 0% 0%;">
			<dl class="${empty typeParentId?'ch':'' }">
				<dt>
					<a href="${ctx }/swzl/index"><div>首页</div></a>
				</dt>
			</dl>
			<dl >
				<dt>
					<c:if test="${not empty swzlUser}">
						<a href="${ctx }/swzl/userInfo?type=myInfo"><div>${swzlUser.name }</div></a>
					</c:if>
					<c:if test="${empty swzlUser}">
						<a href="${ctx }/swzl/userInfo?type=goLogin"><div>登录/注册</div></a>
					</c:if>
				</dt>
			</dl>
			<dl class="${typeParentId==1?'ch':'' }">
				<dt>
					<a href="${ctx }/swzl/index?typeParentId=1"><div>失物招领</div></a>
				</dt>
			</dl>
			<dl class="${typeParentId==2?'ch':'' }">
				<dt>
					<a href="${ctx }/swzl/index?typeParentId=2"><div>寻物启事</div></a>
				</dt>
			</dl>
			<dl class="${typeParentId==3?'ch':'' }">
				<dt>
					<a href="${ctx }/swzl/index?typeParentId=3"><div>我发布的</div></a>
				</dt>
			</dl>
			<c:if test="${not empty swzlUser}">
				<dl>
					<dt>
						<a href="${ctx }/swzl/userInfo?type=loginOut"><div>退出</div></a>
					</dt>
				</dl>
			</c:if>						
		</div>
	</div>



<div>
		
<div class="searchbox" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%;">
	<div class="bodys">
		
		
		<a href="#"><img src="${ctx }/images/shiwuzhaoling.png" alt="失物招领" data-bd-imgshare-binded="1"></a>
		<input name="search_name" id="search_name" value="${searchName }" maxlength="40" class="two" placeholder="请输入标题,内容,地址" style="margin-top: 18px;" type="text">
		<button class="two2" id="searchBtn" style="margin-top: 18px;cursor: pointer;">搜索</button>
		<button class="button button-glow button-rounded button-raised button-primary" style="margin: 18px 10px 0px;" onclick="location.href='${ctx}/auth/swzl/message?type=goReleaseMessage'">我要发布</button>		
		
		<input name="provinceL" id="provinceL" value="" type="hidden">
		<input name="cityL" id="cityL" value="" type="hidden">
		<input name="countyL" id="countyL" value="" type="hidden">
		<input name="categoryL" id="categoryL" value="" type="hidden">
		<input name="timeL" id="timeL" value="" type="hidden">
		<input name="specificUser" id="specificUser" style="width: 36px;" value="0" type="hidden">
		<input name="shortUrl" id="shortUrl" style="width: 36px;" value="" type="hidden">
		
		
	</div>
</div>	

 		



<div class="multipleselect">


	
	<ul class="select">
		<li class="select-list">
			<dl id="select3">
				<dt>分类：</dt>
				<dd class="${(typeName==null||typeName=='')?'selected':'' }"><a onclick="searchByTypeName('')">全部</a></dd>
				<c:forEach items="${messageTypes }" var="type">
						<dd class="${type.name==typeName?'selected':'' }"><a onclick="searchByTypeName('${type.name }')">${type.name }</a></dd>
				</c:forEach>
			</dl>
		</li>
									
		<li class="select-list">
			<dl id="select2">
				<dt>拾获时间：</dt>
				<dd class="${(lostTime==null||lostTime=='')?'selected':'' }"> <a onclick="searchByLostTime('')" >全部</a></dd>
				<dd class="${lostTime==1?'selected':'' }"><a onclick="searchByLostTime('1')" >今天</a></dd>
				<dd class="${lostTime==2?'selected':'' }"><a onclick="searchByLostTime('2')" >3天内</a></dd>
				<dd class="${lostTime==3?'selected':'' }"><a onclick="searchByLostTime('3')" >7天内</a></dd>
				<dd class="${lostTime==4?'selected':'' }"><a onclick="searchByLostTime('4')" >1个月内</a></dd>
				<dd class="${lostTime==5?'selected':'' }"><a onclick="searchByLostTime('5')" >3个月内</a></dd>
				<dd class="${lostTime==6?'selected':'' }"><a onclick="searchByLostTime('6')" >6个月内</a></dd>
				<dd class="${lostTime==7?'selected':'' }"><a onclick="searchByLostTime('7')" >1年内</a></dd>
			</dl>
		</li>
	</ul>
</div>


<div style="width: 1080px; margin: 0px auto; border: 0px solid rgb(255, 0, 0);">
		<div id="mainsrp-itemlist">
			<div data-spm-max-idx="345" class="m-itemlist" data-spm="14">
				<div class="grid">
					<div class="items g-clearfix">
						<c:forEach items="${datas.list}" var="data">
						<!--开头-->
						<div class="item" style="cursor: pointer;" onclick="javascript:window.open('${ctx }/swzl/index?type=detail&id=${data.id}')">
							<div class="pic-box J_MouseEneterLeave J_PicBox">
								<div class="pic-box-inner">
									<div class="pic">
										<a class="pic-link J_ClickStat J_ItemPicA" target="_blank"> 
											<img class="J_ItemPic img" src="${ctx }/upload/${data.firstImg}" data-bd-imgshare-binded="1">
										</a>				
									</div>
								</div>
							</div>
							<div class="ctx-box J_MouseEneterLeave J_IconMoreNew">
								<div class="row row-1 g-clearfix">
									<div class="price g_price g_price-highlight">
										<strong>
											${data.messageType.name }
										</strong>
									</div>
									<div class="deal-cnt">
										${data.stateStr }
									</div>
								</div>

								<div class="detailtextfromTaobao">
									<a class="detailtextforAfromTaobao" href="" target="_blank"> 
									${data.title }
									</a>
								</div>
								<div class="row row-3 g-clearfix">
									<div class="shop">
										${data.createUse.name }
									</div>
									<div class="location">
										${data.createUse.province }
									</div>
								</div>
								
								<div class="row row-3 g-clearfix">
									<div class="shop">
										<span style="color: rgb(136, 136, 136);">${data.createTime }</span>
										
									</div>
									<div class="location">
										${data.address }
									</div>
								</div>
																
							</div>
						</div>	
						<!--结尾-->
						</c:forEach>
					</div>
				</div>
				
	
				
			</div>
		</div>
</div>

<div style="margin: 20px auto;">
<form method="get" name="pager" action="${ctx }/swzl/index" id="indexForm"> 
	<input name="size" value="8" type="hidden">
	<input name="front" value="${datas.front }" type="hidden" id="front">
	<input name="next" value="${datas.next }" type="hidden" id="next">
	<input name="last" value="${datas.last }" type="hidden" id="last">
	<input name="searchName" value="${searchName }" type="hidden" id="searchName"> 
	<input name="typeName" value="${typeName}" type="hidden" id="typeName"> 
	<input name="lostTime" value="${lostTime}" type=hidden id="lostTime"> 
	<input name="typeParentId" value="${typeParentId}" type=hidden id="typeParentId"> 
	 
	
	第${datas.page } /${datas.last } 页 共 ${datas.totalCount } 条记录 |  
	<a id="first_page"> 首 页</a>
	<a id="front_page"> 上一页 </a> 
	<a id="next_page"> 下一页</a>   
	<a id="last_page"> 最后一页</a> | 第<input size="3" value="${datas.page }" type="text" id="page" name="page">页  
	<input value="go" type="submit"> 
</form> 
<script type="text/javascript">
	$("#first_page").on("click",function(){
		$("#page").val(1);
		$("#indexForm").submit();
	});
	$("#front_page").on("click",function(){
		$("#page").val($("#front").val());
		$("#indexForm").submit();
	});
	$("#next_page").on("click",function(){
		$("#page").val($("#next").val());
		$("#indexForm").submit();
	});
	$("#last_page").on("click",function(){
		$("#page").val($("#last").val());
		$("#indexForm").submit();
	});
	$("#searchBtn").on("click",function(){
		var searchName=$("#search_name").val();
		$("#searchName").val(searchName);
		$("#page").val(1);
		$("#indexForm").submit();
	});
	function searchByTypeName(obj){
		$("#typeName").val(obj);
		$("#page").val(1);
		$("#indexForm").submit();
	}
	function searchByLostTime(obj){
		$("#lostTime").val(obj);
		$("#page").val(1);
		$("#indexForm").submit();
	}
</script>

</div>
<br>
</div>
<br>

<div style="width: 100%; background: rgb(239, 239, 239) none repeat scroll 0% 0%; padding: 0px; height: 85px; display: block; font-size: 11px; line-height: 15px; margin: 0px; font-family: Roboto-Regular,微软雅黑,宋体,Arial,sans-serif;"> 
      <div style="vertical-align: middle; background: transparent none repeat scroll 0% 0%; padding-top: 8px; text-align: center; color: rgb(102, 102, 102);">
        ©Copyright2017 <a href="#" target="_blank" style="color: rgb(102, 102, 102);">长江师范失物招领</a> All Rights Reserved
	  </div>
       
      <div style="vertical-align: middle; background: transparent none repeat scroll 0% 0%; margin: 10px auto; text-align: center;">
                 邮箱：<a href="#">895243872@qq.com</a>
	  </div>
       
	 	<div style="width: 300px; margin: 0px auto; padding: 0px; text-align: center;">
	 		<a target="_blank" href="#" style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;">
		 		<img src="${ctx }/images/gongAnBeiAnLogo.png" style="float: left;" data-bd-imgshare-binded="1">
		 		<p style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: rgb(147, 147, 147);">
		 			渝公网安备 000000000000000号
		 		</p>
	 		</a>
	 	</div>
		 	   
</div>


</body>
</html>

